// 1.引入公用样式表
require("../../assets/css/index.less");

// 2.引入当前样式表
require("./register.less");

// 引入插件
let CaptchaMini = require("captcha-mini");
// 3.引入公用js模块
let dom = require("../../utils/dom.js");
let validator = require("../../utils/validator.js");
let https = require("../../utils/https.js");

// 判断是否有登录
dom.isToken();

// 页面加载事件
dom.ready(function () {
	// 跳转页面
	dom.goTo("#login", "login");
	// 随机验证码
	let vcodeJs = "";
	let captcha1 = new CaptchaMini();
	captcha1.draw(document.querySelector("#captcha1"), (r) => {
		console.log(r, "验证码1");
		vcodeJs = r.toLowerCase();
	});

	dom.$("#btn").addEventListener("click", () => {
		// 获取用户输入的值
		let account = dom.$("#account").value;
		let vcodeVal = dom.$("#vcode").value;
		let pwdVal = dom.$("#pwd").value;
		let checkPwdVal = dom.$("#checkPwd").value;

		if (account === "") {
			// 手机号为空
			console.log("手机号不能为空");
		} else if (!validator.isPhone(account)) {
			// 手机号-匹配
			console.log("请输入正确的手机号");
		} else if (vcodeVal === "") {
			// 验证码非空
			console.log("验证码不能为空");
		} else if (vcodeVal.toLowerCase() != vcodeJs) {
			// 验证码-不匹配
			console.log("请输入正确的验证码");
		} else if (pwdVal === "") {
			// 密码非空
			console.log("密码不能为空");
		} else if (!validator.isPwd(pwdVal)) {
			// 密码正则验证
			console.log("密码格式不正确");
		} else if (pwdVal != checkPwdVal) {
			// 确认密码是否匹配
			console.log("密码不一致");
		} else {
			// 以上都不满足
			https.post("/api/user/isExist", { account }, function (res) {
				console.log(111);
				console.log(res);
				if (res.errno == 0) {
					console.log(222);
					https.post(
						"/api/user/register",
						{ account, password: pwdVal },
						function (res) {
							if (res.errno == 0) {
								console.log(333);
								alert("zhuce成功");
								location.href = "login.html";
							} else {
								console.log(444);
								alert("注册失败");
							}
						}
					);
				} else {
					alert("此账号已注册");
				}
			});
		}
	});
});
